// 全局样式
@for $i from 2 through 2000 {
	.f-s#{$i} {
		font-size: $i + px!important;
	}
	
	.mar-t-#{$i} {
		margin-top: $i + px;
	}
	.pad#{$i} {
		padding: $i + px;
	}
	.pad-r#{$i} {
		padding-right: $i + px;
	}
	.pad-l#{$i} {
		padding-left: $i + px;
	}
	.pad-t#{$i} {
		padding-top: $i + px;
	}
	.pad-b#{$i} {
		padding-bottom: $i + px;
	}
	.padtb#{$i} {
		padding-top: $i + px;
		padding-bottom: $i + px;
	}
	.padlr#{$i} {
		padding-left: $i + px;
		padding-right: $i + px;
	}
	
	
	.mar#{$i} {
		margin: $i + px;
	}
	.mar-r#{$i} {
		margin-right: $i + px;
	}
	.mar-l#{$i} {
		margin-left: $i + px;
	}
	.mar-t#{$i} {
		margin-top: $i + px
	}
	.mar-b#{$i} {
		margin-bottom: $i + px;
	}
	.martb#{$i} {
		margin-top: $i + px;
		margin-bottom: $i + px;
	}
	.marlr#{$i} {
		margin-left: $i + px;
		margin-right: $i + px;
	}
	
	.w-#{$i} {
		width: $i + px!important;
	}
	.h-#{$i}{
		height: $i + px!important;
	}
	.wh-#{$i}{
		width: $i + px!important;
		height: $i + px!important;
	}
	.min-w#{$i}{ 
		min-width: $i + px!important;
	}
}

* {
	box-sizing: border-box;
}
.flex {
	display: flex;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-a {
	display: flex;
	align-items: center;
}
.flex-j-end {
	justify-content: flex-end;
}
.ju-bt {
	justify-content: space-between;
}

.ju-ar {
	justify-content: space-around;
}
.flex-j {
	display: flex;
	justify-content: center;
}

.flex-col {
	display: flex;
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}
.text-elpis {
	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;
	width: 100%;
}

	.text-elpis2 {
	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;
	width: 100%;
}
.wrap-bg {
	background: #fff;
}